<template>
  <div class="h-full grid grid-rows-[minmax(192px,1fr)_minmax(236px,1fr)_minmax(236px,1fr)_minmax(236px,1fr)] gap-[20px] unity-left">
    <!-- 总体统计 -->
    <countall class="item-1" />
    <!-- 设备概况 -->
    <equipmentprofile class="item-2" />
    <!-- 近15日告警态势 -->
    <alarmTrend  class="item-3" />
    <!-- 告警分析 -->
    <alarmAanalysis  class="item-4" />

  </div>
</template>
<script lang="ts" setup>
import alarmAanalysis from "./component/alarm-analysis.vue"
import alarmTrend from "./component/alarm-trend.vue"
import countall from "./component/countall.vue"
import equipmentprofile from "./component/equipment-profile.vue"
</script>
<style scoped lang="scss">
.unity-left{
  grid-template-areas: 'a'
                       'b'
                       'c'
                       'd'
                      ;
                     
}



</style>
